@import "../../_config.scss";

.dashboard-addresses-index {
  // background-color: $color-default;
  // padding: 15px;

  .panel{
    box-shadow: none;
  }

  .address-cols {
    .address-col {
      border: 1px solid $color-border;
      padding: 30px 15px;
      margin: 15px 0;
      min-height: 180px;

      &.new-address {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;

        a {
          &,
          &:active,
          &:focus,
          &:hover {
            text-decoration: none;
            color: $color-normal;
          }
        }
      }
    }
  }
}


.mine-tabs{
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-flow: row nowrap;
  li{
    padding: 0 15px;
    padding: 0 4vw;
    &:first-child{
      border-right: 1px solid #e5e5e5;
    }
    &.active{
      a{
        color: $color-private;
      }
    }
  }
}

.mobile-addresses-index{
  background-color: #e5e5e5;

  .line{
    margin: 0;
    border-width: 10px;
    border-width: 2.66vw;
  }

  .address_link{
    padding: 20px 15px;
    padding: 5.33vw 4vw;
    background-color: #fff;

    .new{
      display: block;
    }

    .info{
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
/*       justify-content: space-between; */

      &:not(:last-child) {
        margin-bottom: 15px;
        margin-bottom: 4vw;
      }

      .content{
        width: 280px;
        width: 74.6vw;
      }

      .icon-success{
        width: 50px;
        width: 13.33vw;
        font-size: 20px;
        font-size: 5.333vw;
        &.active{
          color: $color-private;
        }
      }

      h1{
        margin: 0;
        font-size: 15px;
        font-size: 4vw;
        color: #222222;
        span{
          margin-left: 20px;
          margin-left: 5.33vw;
        }
      }
    }
  }

}
